<template>
  <div v-show="dialogValue" class="user1-add f-c">
    <BackPage title="政策推荐详情" show-back @back="onPageBack" />
    <div class="user1-add-box f-g">
      <div class="title">{{ ruleForm.title }}</div>
      <div class="sub-title">{{ ruleForm.author }} {{ ruleForm.dateTime }}</div>
      <div class="content" v-html="ruleForm.content" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'User1Add',
  data() {
    return {
      dialogValue: false,
      ruleForm: {

      }
    }
  },
  methods: {
    open(item) {
      this.ruleForm = item
      this.dialogValue = true
    },
    onPageBack() {
      this.dialogValue = false
    }
  }
}
</script>

<style scoped lang="scss">
.title {
  font-size: 34px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  line-height: 48px;
  text-align: center;
}
.sub-title {
  font-size: 20px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #999999;
  line-height: 20px;
  margin-top: 18px;
  margin-bottom: 60px;
  text-align: center;
}
.user1-add {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #F6F6F6;
}

.user1-add-box {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(185, 185, 185, .3);
  border-radius: 16px;
  padding: 60px;
}
</style>
